<div class="login-container">
	<mdl-alert #failAlert message="<em class='mdl-color-text-primary'>用户名或者密码错误</em>" okText="确定"></mdl-alert>

	<div class="login-wrapper">
		<div class="login-box mdl-shadow--2dp">
			<h3>
				<i class="material-icons">assignment_ind</i> 登录
			</h3>
			<dynamic-form #loginForm (getPlayLoad)="onLoadFormData($event)" [ctrls]="formControls">

			</dynamic-form>
			<button mdl-button mdl-button-type="raised" [disabled]="!loginForm.form.valid || isSubmit" (click)="login(loginForm)" mdl-colored="primary">
				<i class="material-icons">done</i>登录 {{ isSubmit ? '...' : '' }}
			</button>
			<a [routerLink]="'/register'" mdl-button mdl-colored="primary">
				注册
			</a>
		</div>
	</div>
	<div class="blur"></div>
</div>